<!DOCTYPE html>
<html lang="zh-ch" style="">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
  <meta http-equiv="Pragma" content="no-cache">
  <meta http-equiv="Cache-control" content="no-cache">
  <meta http-equiv="Cache" content="no-cache">
  <link rel="shortcut icon" href="https://smaco2.uestc.edu.cn/favicon.ico">
  <title>平安成电智慧通行</title>
  <style>
    [v-cloak] {
      display: none
    }
  </style>
  <script src="./scripts/func.js"></script>
  <link href="https://smaco2.uestc.edu.cn/css/chunk-07a4c74b.808757e2.css" rel="prefetch">
  <link href="https://smaco2.uestc.edu.cn/css/chunk-15d1757e.a4bb7668.css" rel="prefetch">
  <link href="https://smaco2.uestc.edu.cn/css/chunk-1a8cf038.70774aa0.css" rel="prefetch">
  <link href="https://smaco2.uestc.edu.cn/css/chunk-1cf506c1.808757e2.css" rel="prefetch">
  <link href="https://smaco2.uestc.edu.cn/css/chunk-4448a677.808757e2.css" rel="prefetch">
  <link href="https://smaco2.uestc.edu.cn/css/chunk-63d843c2.70774aa0.css" rel="prefetch">
  <link href="https://smaco2.uestc.edu.cn/css/chunk-6b407fd0.808757e2.css" rel="prefetch">
  <link href="https://smaco2.uestc.edu.cn/css/chunk-8ddf060c.808757e2.css" rel="prefetch">
  <link href="./files/chunk-b2496998.ca4f56d8.css" rel="prefetch">
  <link href="https://smaco2.uestc.edu.cn/css/chunk-b48739f8.808757e2.css" rel="prefetch">
  <link href="https://smaco2.uestc.edu.cn/css/chunk-c8046b5e.808757e2.css" rel="prefetch">
  <link href="https://smaco2.uestc.edu.cn/css/reservation.70774aa0.css" rel="prefetch">
  <link href="https://smaco2.uestc.edu.cn/css/test.d005bde3.css" rel="prefetch">
  <link href="https://smaco2.uestc.edu.cn/css/useradmin.70774aa0.css" rel="prefetch">
  <link href="https://smaco2.uestc.edu.cn/css/violation.6c7a9591.css" rel="prefetch">
  <link href="./files/app.45e01e14.css" rel="preload" as="style">
  <link href="./files/chunk-vendors.04fb77aa.css" rel="preload" as="style">
  <link href="./files/chunk-vendors.04fb77aa.css" rel="stylesheet">
  <link href="./files/app.45e01e14.css" rel="stylesheet">
  <link rel="icon" type="image/png" sizes="32x32" href="./files/ico.png">
  <link rel="icon" type="image/png" sizes="16x16" href="./files/ico.png">
  <link rel="manifest" href="https://smaco2.uestc.edu.cn/manifest.json">
  <meta name="theme-color" content="#00C4A4">
  <meta name="apple-mobile-web-app-capable" content="no">
  <meta name="apple-mobile-web-app-status-bar-style" content="default">
  <meta name="apple-mobile-web-app-title" content="平安成电智慧通行">
  <link rel="apple-touch-icon" href="./files/ico.png">
  <link rel="mask-icon" href="./files/ico.png" color="#00C4A4">
  <meta name="msapplication-TileImage" content="./files/ico.png">
  <meta name="msapplication-TileColor" content="#000000">
  <link rel="stylesheet" type="text/css" href="./files/chunk-b2496998.ca4f56d8.css">
  <style type="text/css" id="vuetify-theme-stylesheet">
    a {
      color: #00c4a4;
    }

    .primary {
      background-color: #00c4a4 !important;
      border-color: #00c4a4 !important;
    }

    .primary--text {
      color: #00c4a4 !important;
      caret-color: #00c4a4 !important;
    }

    .primary.lighten-5 {
      background-color: #c3ffff !important;
      border-color: #c3ffff !important;
    }

    .primary--text.text--lighten-5 {
      color: #c3ffff !important;
      caret-color: #c3ffff !important;
    }

    .primary.lighten-4 {
      background-color: #a4ffff !important;
      border-color: #a4ffff !important;
    }

    .primary--text.text--lighten-4 {
      color: #a4ffff !important;
      caret-color: #a4ffff !important;
    }

    .primary.lighten-3 {
      background-color: #85fff7 !important;
      border-color: #85fff7 !important;
    }

    .primary--text.text--lighten-3 {
      color: #85fff7 !important;
      caret-color: #85fff7 !important;
    }

    .primary.lighten-2 {
      background-color: #65fedb !important;
      border-color: #65fedb !important;
    }

    .primary--text.text--lighten-2 {
      color: #65fedb !important;
      caret-color: #65fedb !important;
    }

    .primary.lighten-1 {
      background-color: #41e0bf !important;
      border-color: #41e0bf !important;
    }

    .primary--text.text--lighten-1 {
      color: #41e0bf !important;
      caret-color: #41e0bf !important;
    }

    .primary.darken-1 {
      background-color: #00a88a !important;
      border-color: #00a88a !important;
    }

    .primary--text.text--darken-1 {
      color: #00a88a !important;
      caret-color: #00a88a !important;
    }

    .primary.darken-2 {
      background-color: #008d70 !important;
      border-color: #008d70 !important;
    }

    .primary--text.text--darken-2 {
      color: #008d70 !important;
      caret-color: #008d70 !important;
    }

    .primary.darken-3 {
      background-color: #007358 !important;
      border-color: #007358 !important;
    }

    .primary--text.text--darken-3 {
      color: #007358 !important;
      caret-color: #007358 !important;
    }

    .primary.darken-4 {
      background-color: #005941 !important;
      border-color: #005941 !important;
    }

    .primary--text.text--darken-4 {
      color: #005941 !important;
      caret-color: #005941 !important;
    }

    .secondary {
      background-color: #424242 !important;
      border-color: #424242 !important;
    }

    .secondary--text {
      color: #424242 !important;
      caret-color: #424242 !important;
    }

    .secondary.lighten-5 {
      background-color: #c1c1c1 !important;
      border-color: #c1c1c1 !important;
    }

    .secondary--text.text--lighten-5 {
      color: #c1c1c1 !important;
      caret-color: #c1c1c1 !important;
    }

    .secondary.lighten-4 {
      background-color: #a6a6a6 !important;
      border-color: #a6a6a6 !important;
    }

    .secondary--text.text--lighten-4 {
      color: #a6a6a6 !important;
      caret-color: #a6a6a6 !important;
    }

    .secondary.lighten-3 {
      background-color: #8b8b8b !important;
      border-color: #8b8b8b !important;
    }

    .secondary--text.text--lighten-3 {
      color: #8b8b8b !important;
      caret-color: #8b8b8b !important;
    }

    .secondary.lighten-2 {
      background-color: #727272 !important;
      border-color: #727272 !important;
    }

    .secondary--text.text--lighten-2 {
      color: #727272 !important;
      caret-color: #727272 !important;
    }

    .secondary.lighten-1 {
      background-color: #595959 !important;
      border-color: #595959 !important;
    }

    .secondary--text.text--lighten-1 {
      color: #595959 !important;
      caret-color: #595959 !important;
    }

    .secondary.darken-1 {
      background-color: #2c2c2c !important;
      border-color: #2c2c2c !important;
    }

    .secondary--text.text--darken-1 {
      color: #2c2c2c !important;
      caret-color: #2c2c2c !important;
    }

    .secondary.darken-2 {
      background-color: #171717 !important;
      border-color: #171717 !important;
    }

    .secondary--text.text--darken-2 {
      color: #171717 !important;
      caret-color: #171717 !important;
    }

    .secondary.darken-3 {
      background-color: #000000 !important;
      border-color: #000000 !important;
    }

    .secondary--text.text--darken-3 {
      color: #000000 !important;
      caret-color: #000000 !important;
    }

    .secondary.darken-4 {
      background-color: #000000 !important;
      border-color: #000000 !important;
    }

    .secondary--text.text--darken-4 {
      color: #000000 !important;
      caret-color: #000000 !important;
    }

    .accent {
      background-color: #00d6b3 !important;
      border-color: #00d6b3 !important;
    }

    .accent--text {
      color: #00d6b3 !important;
      caret-color: #00d6b3 !important;
    }

    .accent.lighten-5 {
      background-color: #caffff !important;
      border-color: #caffff !important;
    }

    .accent--text.text--lighten-5 {
      color: #caffff !important;
      caret-color: #caffff !important;
    }

    .accent.lighten-4 {
      background-color: #abffff !important;
      border-color: #abffff !important;
    }

    .accent--text.text--lighten-4 {
      color: #abffff !important;
      caret-color: #abffff !important;
    }

    .accent.lighten-3 {
      background-color: #8bffff !important;
      border-color: #8bffff !important;
    }

    .accent--text.text--lighten-3 {
      color: #8bffff !important;
      caret-color: #8bffff !important;
    }

    .accent.lighten-2 {
      background-color: #6affeb !important;
      border-color: #6affeb !important;
    }

    .accent--text.text--lighten-2 {
      color: #6affeb !important;
      caret-color: #6affeb !important;
    }

    .accent.lighten-1 {
      background-color: #45f3ce !important;
      border-color: #45f3ce !important;
    }

    .accent--text.text--lighten-1 {
      color: #45f3ce !important;
      caret-color: #45f3ce !important;
    }

    .accent.darken-1 {
      background-color: #00ba98 !important;
      border-color: #00ba98 !important;
    }

    .accent--text.text--darken-1 {
      color: #00ba98 !important;
      caret-color: #00ba98 !important;
    }

    .accent.darken-2 {
      background-color: #009e7e !important;
      border-color: #009e7e !important;
    }

    .accent--text.text--darken-2 {
      color: #009e7e !important;
      caret-color: #009e7e !important;
    }

    .accent.darken-3 {
      background-color: #008365 !important;
      border-color: #008365 !important;
    }

    .accent--text.text--darken-3 {
      color: #008365 !important;
      caret-color: #008365 !important;
    }

    .accent.darken-4 {
      background-color: #00694d !important;
      border-color: #00694d !important;
    }

    .accent--text.text--darken-4 {
      color: #00694d !important;
      caret-color: #00694d !important;
    }

    .error {
      background-color: #ff5252 !important;
      border-color: #ff5252 !important;
    }

    .error--text {
      color: #ff5252 !important;
      caret-color: #ff5252 !important;
    }

    .error.lighten-5 {
      background-color: #ffe4d5 !important;
      border-color: #ffe4d5 !important;
    }

    .error--text.text--lighten-5 {
      color: #ffe4d5 !important;
      caret-color: #ffe4d5 !important;
    }

    .error.lighten-4 {
      background-color: #ffc6b9 !important;
      border-color: #ffc6b9 !important;
    }

    .error--text.text--lighten-4 {
      color: #ffc6b9 !important;
      caret-color: #ffc6b9 !important;
    }

    .error.lighten-3 {
      background-color: #ffa99e !important;
      border-color: #ffa99e !important;
    }

    .error--text.text--lighten-3 {
      color: #ffa99e !important;
      caret-color: #ffa99e !important;
    }

    .error.lighten-2 {
      background-color: #ff8c84 !important;
      border-color: #ff8c84 !important;
    }

    .error--text.text--lighten-2 {
      color: #ff8c84 !important;
      caret-color: #ff8c84 !important;
    }

    .error.lighten-1 {
      background-color: #ff6f6a !important;
      border-color: #ff6f6a !important;
    }

    .error--text.text--lighten-1 {
      color: #ff6f6a !important;
      caret-color: #ff6f6a !important;
    }

    .error.darken-1 {
      background-color: #df323b !important;
      border-color: #df323b !important;
    }

    .error--text.text--darken-1 {
      color: #df323b !important;
      caret-color: #df323b !important;
    }

    .error.darken-2 {
      background-color: #bf0025 !important;
      border-color: #bf0025 !important;
    }

    .error--text.text--darken-2 {
      color: #bf0025 !important;
      caret-color: #bf0025 !important;
    }

    .error.darken-3 {
      background-color: #9f0010 !important;
      border-color: #9f0010 !important;
    }

    .error--text.text--darken-3 {
      color: #9f0010 !important;
      caret-color: #9f0010 !important;
    }

    .error.darken-4 {
      background-color: #800000 !important;
      border-color: #800000 !important;
    }

    .error--text.text--darken-4 {
      color: #800000 !important;
      caret-color: #800000 !important;
    }

    .info {
      background-color: #2196f3 !important;
      border-color: #2196f3 !important;
    }

    .info--text {
      color: #2196f3 !important;
      caret-color: #2196f3 !important;
    }

    .info.lighten-5 {
      background-color: #d4ffff !important;
      border-color: #d4ffff !important;
    }

    .info--text.text--lighten-5 {
      color: #d4ffff !important;
      caret-color: #d4ffff !important;
    }

    .info.lighten-4 {
      background-color: #b5ffff !important;
      border-color: #b5ffff !important;
    }

    .info--text.text--lighten-4 {
      color: #b5ffff !important;
      caret-color: #b5ffff !important;
    }

    .info.lighten-3 {
      background-color: #95e8ff !important;
      border-color: #95e8ff !important;
    }

    .info--text.text--lighten-3 {
      color: #95e8ff !important;
      caret-color: #95e8ff !important;
    }

    .info.lighten-2 {
      background-color: #75ccff !important;
      border-color: #75ccff !important;
    }

    .info--text.text--lighten-2 {
      color: #75ccff !important;
      caret-color: #75ccff !important;
    }

    .info.lighten-1 {
      background-color: #51b0ff !important;
      border-color: #51b0ff !important;
    }

    .info--text.text--lighten-1 {
      color: #51b0ff !important;
      caret-color: #51b0ff !important;
    }

    .info.darken-1 {
      background-color: #007cd6 !important;
      border-color: #007cd6 !important;
    }

    .info--text.text--darken-1 {
      color: #007cd6 !important;
      caret-color: #007cd6 !important;
    }

    .info.darken-2 {
      background-color: #0064ba !important;
      border-color: #0064ba !important;
    }

    .info--text.text--darken-2 {
      color: #0064ba !important;
      caret-color: #0064ba !important;
    }

    .info.darken-3 {
      background-color: #004d9f !important;
      border-color: #004d9f !important;
    }

    .info--text.text--darken-3 {
      color: #004d9f !important;
      caret-color: #004d9f !important;
    }

    .info.darken-4 {
      background-color: #003784 !important;
      border-color: #003784 !important;
    }

    .info--text.text--darken-4 {
      color: #003784 !important;
      caret-color: #003784 !important;
    }

    .success {
      background-color: #4caf50 !important;
      border-color: #4caf50 !important;
    }

    .success--text {
      color: #4caf50 !important;
      caret-color: #4caf50 !important;
    }

    .success.lighten-5 {
      background-color: #dcffd6 !important;
      border-color: #dcffd6 !important;
    }

    .success--text.text--lighten-5 {
      color: #dcffd6 !important;
      caret-color: #dcffd6 !important;
    }

    .success.lighten-4 {
      background-color: #beffba !important;
      border-color: #beffba !important;
    }

    .success--text.text--lighten-4 {
      color: #beffba !important;
      caret-color: #beffba !important;
    }

    .success.lighten-3 {
      background-color: #a2ff9e !important;
      border-color: #a2ff9e !important;
    }

    .success--text.text--lighten-3 {
      color: #a2ff9e !important;
      caret-color: #a2ff9e !important;
    }

    .success.lighten-2 {
      background-color: #85e783 !important;
      border-color: #85e783 !important;
    }

    .success--text.text--lighten-2 {
      color: #85e783 !important;
      caret-color: #85e783 !important;
    }

    .success.lighten-1 {
      background-color: #69cb69 !important;
      border-color: #69cb69 !important;
    }

    .success--text.text--lighten-1 {
      color: #69cb69 !important;
      caret-color: #69cb69 !important;
    }

    .success.darken-1 {
      background-color: #2d9437 !important;
      border-color: #2d9437 !important;
    }

    .success--text.text--darken-1 {
      color: #2d9437 !important;
      caret-color: #2d9437 !important;
    }

    .success.darken-2 {
      background-color: #00791e !important;
      border-color: #00791e !important;
    }

    .success--text.text--darken-2 {
      color: #00791e !important;
      caret-color: #00791e !important;
    }

    .success.darken-3 {
      background-color: #006000 !important;
      border-color: #006000 !important;
    }

    .success--text.text--darken-3 {
      color: #006000 !important;
      caret-color: #006000 !important;
    }

    .success.darken-4 {
      background-color: #004700 !important;
      border-color: #004700 !important;
    }

    .success--text.text--darken-4 {
      color: #004700 !important;
      caret-color: #004700 !important;
    }

    .warning {
      background-color: #fb8c00 !important;
      border-color: #fb8c00 !important;
    }

    .warning--text {
      color: #fb8c00 !important;
      caret-color: #fb8c00 !important;
    }

    .warning.lighten-5 {
      background-color: #ffff9e !important;
      border-color: #ffff9e !important;
    }

    .warning--text.text--lighten-5 {
      color: #ffff9e !important;
      caret-color: #ffff9e !important;
    }

    .warning.lighten-4 {
      background-color: #fffb82 !important;
      border-color: #fffb82 !important;
    }

    .warning--text.text--lighten-4 {
      color: #fffb82 !important;
      caret-color: #fffb82 !important;
    }

    .warning.lighten-3 {
      background-color: #ffdf67 !important;
      border-color: #ffdf67 !important;
    }

    .warning--text.text--lighten-3 {
      color: #ffdf67 !important;
      caret-color: #ffdf67 !important;
    }

    .warning.lighten-2 {
      background-color: #ffc24b !important;
      border-color: #ffc24b !important;
    }

    .warning--text.text--lighten-2 {
      color: #ffc24b !important;
      caret-color: #ffc24b !important;
    }

    .warning.lighten-1 {
      background-color: #ffa72d !important;
      border-color: #ffa72d !important;
    }

    .warning--text.text--lighten-1 {
      color: #ffa72d !important;
      caret-color: #ffa72d !important;
    }

    .warning.darken-1 {
      background-color: #db7200 !important;
      border-color: #db7200 !important;
    }

    .warning--text.text--darken-1 {
      color: #db7200 !important;
      caret-color: #db7200 !important;
    }

    .warning.darken-2 {
      background-color: #bb5900 !important;
      border-color: #bb5900 !important;
    }

    .warning--text.text--darken-2 {
      color: #bb5900 !important;
      caret-color: #bb5900 !important;
    }

    .warning.darken-3 {
      background-color: #9d4000 !important;
      border-color: #9d4000 !important;
    }

    .warning--text.text--darken-3 {
      color: #9d4000 !important;
      caret-color: #9d4000 !important;
    }

    .warning.darken-4 {
      background-color: #802700 !important;
      border-color: #802700 !important;
    }

    .warning--text.text--darken-4 {
      color: #802700 !important;
      caret-color: #802700 !important;
    }
  </style>
</head>

<body style=""><noscript><strong>请在您的浏览器启用JavaScript以正常使用系统</strong> <strong>We're sorry but This system doesn't work
      properly without JavaScript enabled. Please enable it to continue.</strong></noscript>
  <div data-app="true" class="application theme--light" id="app">
    <div tabindex="-1" data-v-790bada4="" class="v-dialog__content" style="z-index: 202;">
      <div class="v-dialog v-dialog--persistent" style="max-width: 350px; display: none;">
        <div data-v-790bada4="" class="v-card v-sheet theme--light" style="max-width: 350px;">
          <div data-v-790bada4="" class="v-card__title title" style="height: 56px;"></div>
          <div data-v-790bada4="" class="v-card__text py-2 body-1">
            <!---->
            <div data-v-790bada4="" class="flex justify-center layout row">
              <div data-v-05e3f5fd="" class="layout column">
                <div data-v-05e3f5fd="" class="flex align-center column justify-center layout"><i data-v-05e3f5fd=""
                    aria-hidden="true" class="v-icon pb-3 mdi mdi-alert-circle theme--light error--text"
                    style="font-size: 36px;"></i><span data-v-05e3f5fd="" class="subheading">发生错误</span></div>
              </div>
            </div>
          </div>
          <!---->
          <div data-v-790bada4="" class="v-card__text py-0" style="max-height: 150px; overflow-y: auto;">
            <div data-v-05e3f5fd="" class="flex pb-2">
              <div data-v-05e3f5fd="" class="text-xs-center pt-2 pb-1"
                style="overflow-wrap: break-word; word-break: break-all;">
                未查询到该用户信息
              </div>
            </div>
            <!---->
          </div>
          <!---->
          <div data-v-790bada4="" class="v-card__actions">
            <div data-v-790bada4="" class="spacer"></div>
            <!----><button data-v-790bada4="" type="button" class="v-btn v-btn--flat theme--light primary--text">
              <div class="v-btn__content">
                确定
              </div>
            </button>
          </div>
        </div>
      </div>
    </div>
    <div tabindex="-1" data-v-790bada4="" class="v-dialog__content" style="z-index: 202;">
      <div class="v-dialog v-dialog--persistent" style="max-width: 400px; display: none;">
        <div data-v-790bada4="" class="v-card v-sheet theme--light" style="max-width: 400px;">
          <div data-v-790bada4="" class="v-card__title title" style="height: 56px;">登录信息失效</div>
          <div data-v-790bada4="" class="v-card__text py-2 body-1">
            <!---->
            <div data-v-790bada4="" class="flex justify-center layout row">
              <div data-v-d9565426="" class="layout mx-2 column">
                <div data-v-d9565426="" class="flex align-center column justify-center layout"><i data-v-d9565426=""
                    aria-hidden="true" class="v-icon pb-3 mdi mdi-timer-sand-empty theme--light"
                    style="font-size: 36px;"></i><span data-v-d9565426="" class="subheading">由于长时间未操作, 您的登录信息已失效</span>
                </div>
                <div data-v-d9565426="" class="flex">
                  <div data-v-d9565426="" class="text-xs-center pt-2 pb-1">系统将于<span data-v-d9565426=""
                      class="px-1 primary--text">7</span>秒后自动退出
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!---->
          <div data-v-790bada4="" class="v-card__text py-0" style="max-height: 150px; overflow-y: auto;">
            <!---->
          </div>
          <!---->
          <div data-v-790bada4="" class="v-card__actions">
            <div data-v-790bada4="" class="spacer"></div>
            <!----><button data-v-790bada4="" type="button" class="v-btn v-btn--flat theme--light primary--text">
              <div class="v-btn__content">
                立即退出
              </div>
            </button>
          </div>
        </div>
      </div>
    </div>
    <div tabindex="-1" data-v-790bada4="" class="v-dialog__content" style="z-index: 0;">
      <div class="v-dialog v-dialog--persistent" style="max-width: 350px; display: none;">
        <div data-v-790bada4="" class="v-card v-sheet theme--light" style="max-width: 350px;">
          <div data-v-790bada4="" class="v-card__title title" style="height: 56px;"></div>
          <div data-v-790bada4="" class="v-card__text py-2 body-1">
            <!---->
            <div data-v-790bada4="" class="flex justify-center layout row"></div>
          </div>
          <!---->
          <div data-v-790bada4="" class="v-card__text py-0" style="max-height: 150px; overflow-y: auto;">
            <!---->
          </div>
          <!---->
          <div data-v-790bada4="" class="v-card__actions">
            <div data-v-790bada4="" class="spacer"></div><button data-v-790bada4="" type="button"
              class="v-btn v-btn--flat theme--light grey--text">
              <div class="v-btn__content">
                取消
              </div>
            </button><button data-v-790bada4="" type="button" class="v-btn v-btn--flat theme--light primary--text">
              <div class="v-btn__content">
                确认
              </div>
            </button>
          </div>
        </div>
      </div>
    </div>
    <div class="application--wrap">
      <div data-v-19cace2a="" right="" top="">
        <div data-v-6dc4700a="" data-v-19cace2a=""><span data-v-6dc4700a=""></span>
          <div data-v-790bada4="" data-v-05e3f5fd="" data-v-6dc4700a="" class="v-dialog__container"
            style="display: block;"></div>
          <!---->
          <!---->
        </div>
        <div data-v-790bada4="" data-v-19cace2a="" class="v-dialog__container" style="display: block;"></div>
      </div>
      <div data-v-790bada4="" data-v-d9565426="" class="v-dialog__container" style="display: block;"></div>
      <div data-v-6379d21f="" data-v-e3189a58="" data-app="true" class="application theme--light" id="app">
        <div class="application--wrap">
          <nav data-v-14eba294="" data-v-6379d21f=""
            class="v-toolbar v-toolbar--dense v-toolbar--fixed theme--dark blue-grey darken-4"
            style="margin-top: 0px; padding-right: 0px; padding-left: 0px; transform: translateY(0px);"
            data-booted="true">
            <div class="v-toolbar__content" style="height: 48px;">
              <!---->
              <div data-v-14eba294="" class="v-toolbar__title"><span data-v-14eba294=""
                  class=" white--text font-weight-light">平安成电智慧通行</span></div>
              <div data-v-14eba294="" class="spacer"></div><button data-v-14eba294="" type="button"
                class="v-btn v-btn--icon theme--dark">
                <div class="v-btn__content"><img src="./files/7.png" width="22" height="22"></div>
              </button>
              <!---->
            </div>
          </nav>
          <main data-v-6379d21f="" class="v-content" style="padding: 48px 0px 36px;" data-booted="true">
            <div class="v-content__wrap">
              <div data-v-6379d21f="" class="container justify-center">
                <div data-v-6379d21f="" class="layout pt-5 fill-height justify-center"><span data-v-6379d21f="">
                    <div data-v-6379d21f="" class="elevation-4 v-card v-sheet theme--light" style="max-width: 500px;">
                      <div data-v-6379d21f="" class="v-card__title"><span data-v-6379d21f=""
                          class="headline pl-2">统一身份认证</span></div>
                      <div data-v-6379d21f="" class="v-card__text py-0">
                        <div data-v-6379d21f="" class="container pb-0 pt-2">
                          <form data-v-6379d21f="" novalidate="novalidate" class="v-form">
                            <div data-v-6379d21f="" class="layout row wrap">
                              <div data-v-6379d21f="" class="flex xs12">
                                <div data-v-6379d21f=""
                                  class="v-input v-text-field v-text-field--placeholder v-input--is-label-active v-input--is-dirty theme--light">
                                  <div class="v-input__prepend-outer">
                                    <div class="v-input__icon v-input__icon--prepend"><img src="./files/4.png"
                                        width="32" height="26"></div>
                                  </div>
                                  <div class="v-input__control">
                                    <div class="v-input__slot">
                                      <div class="v-text-field__slot"><label aria-hidden="true"
                                          class="v-label v-label--active theme--light"
                                          style="left: 0px; right: auto; position: absolute;">工号|学号</label><input
                                          aria-label="工号|学号" type="text" placeholder="请输入学号/工号" id="user_name"></div>
                                    </div>
                                    <div class="v-text-field__details">
                                      <div class="v-messages theme--light">
                                        <div class="v-messages__wrapper"></div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div data-v-6379d21f="" class="flex py-1 xs12">
                                <div data-v-6379d21f=""
                                  class="v-input v-text-field v-text-field--placeholder v-input--is-label-active v-input--is-dirty theme--light">
                                  <div class="v-input__prepend-outer">
                                    <div class="v-input__icon v-input__icon--prepend"><img src="./files/5.png"
                                        width="26" height="30"></div>
                                  </div>
                                  <div class="v-input__control">
                                    <div class="v-input__slot">
                                      <div class="v-text-field__slot"><label aria-hidden="true"
                                          class="v-label v-label--active theme--light"
                                          style="left: 0px; right: auto; position: absolute;">密码</label><input
                                          aria-label="密码" type="password" placeholder="请输入学校统一身份认证密码" id="userpwd">
                                      </div>
                                    </div>
                                    <div class="v-text-field__details">
                                      <div class="v-messages theme--light">
                                        <div class="v-messages__wrapper"></div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </form>
                          <div data-v-6379d21f="" class="layout">
                            <div data-v-6379d21f="" class="flex pl-2 error--text"></div>
                          </div>
                          <!---->
                        </div>
                      </div>
                      <div data-v-6379d21f="" class="v-card__actions">
                        <div data-v-6379d21f="" class="spacer"></div><button data-v-6379d21f="" type="button"
                          onclick="turn_to_yjs()" class="v-btn v-btn--flat v-btn--large theme--light primary--text">
                          <div class="v-btn__content">登录</div>
                        </button>
                      </div>
                    </div>
                  </span></div>
                <div data-v-6379d21f="" class="layout pt-4 justify-center"><button data-v-6379d21f="" type="button"
                    class="v-btn v-btn--flat theme--light primary--text">
                    <div class="v-btn__content">
                      <!----><img src="./files/6.png" width="14" height="14">

                      &nbsp&nbsp用户账号登录
                    </div>
                  </button></div>
              </div>
            </div>
          </main>
          <footer data-v-e258ee40="" data-v-6379d21f=""
            class="v-footer footer v-footer--fixed v-footer--inset theme--light" style="height: auto;">
            <div data-v-e258ee40="" class="layout caption grey--text text-xs-center justify-cetner align-center wrap">
              <div data-v-e258ee40="" class="flex xs12"><span data-v-e258ee40="" class="grey--text caption">©2020
                  电子科技大学党委保卫部（保卫处）</span></div>
            </div>
          </footer>
        </div>
      </div>
    </div>
  </div>
</body>

</html>